{if $user}
<div class="block" id="in_personal">
  <div class="block-holder">
	<div class="block-frame">
	  <ul>
		<li><a href="/order_history">Информация о заказах</a></li>
	  </ul>
	</div>
  </div>
</div>
{/if}

<h1>{$name}</h1>
{if isset($persakcio)}
	<img src="/images/banner2.png" />
	<div class="showafterreg"><img src="/images/banner3.png" /></div>
	<div class="deepdark" style="display:block;"></div>
{/if}
<form method=post id='register-form'> 
<div id='register-error'>{$register_error}</div>
<table>
	<tr>
		<td>
			Логин (e-mail):
		</td>
		<td>
			<strong>{$login}</strong>
		</td>
	</tr>
	<tr>
		<td>
			Изменить пароль:
		</td>
		<td>
			<input type=password name='pass' />
			<br><i>Пароль должен быть не менее 5 символов длиной.</i>
		</td>
	</tr>
	<tr>
		<td>
			Подтвердите новый пароль:
		</td>
		<td>
			<input type=password name='pass_check' />
		</td>
	</tr>

	<tr style="margin-top:20px;">
		<td colspan=2 style="background-color: #ECE3F0; padding:5px; color:#996699; font-weight: bold; border-top:20px solid white;">
			Информация для доставки заказов
		</td>
	</tr>
	<tr>
		<td>
			<span class=star>*</span>Имя:
		</td>
		<td>
			<input type=text name='username' value='{$username}' class='mandatory' />
		</td>
	</tr>
	<tr>
		<td valign=top>
			Телефон:
		</td>
		<td>
			<input type=text name='phone' value='{$phone}' />
		</td>
	</tr>
	<tr>
		<td valign=top>
			Адрес:
		</td>
		<td>
			<textarea name='address' col=50 rows=5>{$address}</textarea>
		</td>
	</tr>
	<tr>
		<td colspan=2 style="text-align:right; padding:0px;">
			<br>
			<button type=submit class='btn'>Изменить</button>
		</td>
	</tr>
</table>
<span class=star>*</span> - Обязательные поля
</form>


<style>


#register-form table tr td:first-child {
	white-space: nowrap;
	padding-right: 50px;
}
 
#register-form input, textarea {
	width: 300px;
	border: 1px solid #996699;
}

#register-form .star {
	padding: 3px;
	color: #FF0099;
}

#register-form .pad {
	padding: 3px;
	color: white;
}

#register-form i {
	color: lightgray;
}

#register-error {
	padding: 10px;
	color: #FF0099;
}
</style>

<script>
	$( function() {
		$('#register-form').on( {
			'submit': function(e) {
				$('#register-error').html('');
				$('#register-form input').each( function() {
					if ($(this).hasClass('mandatory') && !$(this).val()) {
						$('#register-error').append('Пожалуйста, заполните все обязательные поля.');
						e.preventDefault();
						$(this).focus();
						return false;
					}
				} );
				var pwd = $('#register-form input[name=pass]').val();
				if (pwd.length) {
					if (pwd.length<5) {
						$('#register-error').append('<br>Пароль должен быть не менее 5 символов длиной.');
						e.preventDefault();
					}
					else if (pwd != $('#register-form input[name=pass_check]').val()) {
						$('#register-error').append('<br>Неверное подтверждение пароля.');
						e.preventDefault();
					}
				}
			}
		} );
	} );
</script>
